.data_select {
    display: flex;
    flex-direction: row;
    border-top: 1PX solid #e1e1e1;
    padding: 10PX 0;
    background: #FFF;

    &_start, &_end {
        flex: auto;
        background: #fff;
        line-height: 2;
        font-size: 14PX;
        font-weight: 700;
        text-align: center;
        border: 1px solid #e1e1e1;
        border-radius: 5PX;
    }

    &_start {
        margin-left: calc(50% - 300px);
        margin-right: 10px;
    }

    &_end {
        margin-right: calc(50% - 300px);
        margin-left: 10px;
    }
}

.charge_list {
    background: #FFF;
    padding-left: 18PX;
    border-top: 1PX solid #e1e1e1;
    border-bottom: 1PX solid #e1e1e1;

    &_item {
        display: flex;
        flex-direction: row;
        border-top: 1PX solid #e1e1e1;
        font-size: 14PX;
        height:40PX;
        align-items:center;

        &_left, &_right {
            display: flex;
        }

        &_left {
            flex: 1;
            color: #9996a9;
            justify-content: flex-start;
            margin-left: 10PX;
        }

        &_right {
            flex: 0 0 60PX;
            margin-right: 10PX;
            color: #000;
            justify-content: flex-end;
        }

        &_right2 {
            flex: 0 0 24PX;
            margin-right: 10PX;
            align-items: center;
        }
    }

    &_item:nth-child(1) {
        border-top: none;
    }
}
